您的位置:首页 >> Layui

列表

  • layui框架常用输入框介绍

    前端

    一、普通输入框 input<div class="layui-form-item"> <label class="layui-form-label"><span class="f_orange">*</span>字段编号</label

  • 用layui前端框架弹出form表单以及提交的方法

    前端

    第一步:引用两个文件第二步:点击删除按钮弹出提示框/*删除开始*/$(".del").click(function () {var id = $(this).attr("id");layer.alert(您确定要删除操作吗?, {skin:

  • layui+jfinal实现上传的方法

    前端

    layui + jfinal 实现上传下载:(推荐:layui使用教程)1、需要把jfinal的环境配置好2、导入相关的库文件 layui的库文件 就是这两个文件需要导入到自己的页面JFinal 是基于Java 语言的极速 web 开发框

  • layui登录后token问题详解

    前端

    layui是一个非常简单且实用的后台管理系统搭建框架,里面的插件丰富使用简单,只需要在原有基础上进行修改即可,但是在数据处理方面略显薄弱,内置的jquery在实际过程中略显不足,若是能添加内置的mvc模式框架那就更好了先介绍layui在登录

  • layui框架分页设置详解

    前端

    具体步骤如下:1、从 官方文档 - 内置模块 - 数据表格 中复制如下:2、复制到页面、将CSS地址以及JS地址改为自己本地的地址3、浏览器运行、会出现如下4、发现提示数据接口请求异常:error。解决:1.1将代码中的url请求地址修改为

  • layui封装模块教程

    前端

    layui是国人开发的一款非常简洁的UI框架,使用了模块化加载方式,因此在使用过程中我们难免需要添加自己的模块,本教程就教大家封装一个简单的模块。推荐:layui使用教程平常使用中,ajax可以说使用广泛,所以这里我们添加一个自己的模块,将

  • layui-layer独立组件-弹出层介绍

    前端

    【注意事项】一、使用时,请把文件夹layer整个放置在您站点的任何一个目录,只需引入layer.js即可,除jQuery外,其它文件无需再引入。二、如果您的js引入是通过合并处理或者您不想采用layer自动获取的绝对路径,您可以通过laye

  • layui上传文件与数据表格的一些问题

    前端

    layui是一款我比较喜欢的框架,它的界面风格和颜色搭配都是让人比较舒服的,所以我非常喜欢使用layui。接下来就是在工作中使用layui遇到了一些比较细节的问题:第一:layui上传文件的问题,第二:layui 表格的问题。首先第一个问题

  • layui监听多个radio事件的方法

    前端

    需求如下图:想要选中单选框3,是单选框3下的复选框全选如果 面板信息 不多的话,可以给每个单选框3添加一个固定的监听事件但是实际项目中,不仅仅只有两个,会有几十个,这时总不能绑定一个lay-filter,添加一个form.on(radio(

  • layui数据表格隐藏列的方法介绍

    前端

    在使用layui做数据表格的时候,插入的数据的id是不是一组连续的数字,那么就需要用到layui的cols的type属性。 table.render({ elem: #test ,url:${pageContext.reques

  • tp5+layui实现上传大文件介绍

    前端

    首先记录下更改文件上传大小的一些配置信息.打开php.inifile_uploads = on     //是否允许通过HTTP上传文件的开关,默认开启upload_tmp_dir    //临时文件储存的路径upl

  • 让layui支持wangEditor编辑器的方法

    前端

    让layui支持wangEditor编辑器的方法:(推荐:layui使用教程)wangEditor.min.js模块代码比如引用一个123.js"123.js" 基本配置编辑器模块代码如下layui.config({ base:

  • 为layDate输入框加上图标的方法(附代码)

    前端

    为layDate输入框加上图标的方法:基于layui 2.3.0-rc1为laydate输入框加上图标,让laydate输入框更显眼先看图片修改的地方修改模块css laydate.css里添加:.laydate-with-icon{pos

  • layui自定义字体图标图文教程

    前端

    layui的图标取自于阿里巴巴的矢量图标库 Iconfont第一步,通过浏览器打开 http://iconfont.cn/ ,访问阿里巴巴矢量图标库。第二步,通过右上角的用户图标,授权登陆一个账号,在此我选择使用Github作为登陆账号。

  • .net mvc+layui做图片上传图文详解

    前端

    图片上传和展示是互联网应用中比较常见的一个功能,本文图片上传功能前端用到的图片上传控件是layui ,数据库是用的 sql server ,code first开发模式。一、创建表因为图片上传之后需要保存路径等信息,所以,得先建一个Imag

  • 使用layui-tree美化左侧菜单的方法

    前端

    layui-tree美化左侧菜单html<div class="layui-side layui-bg-black"> <div class="layui-side-scroll " > <div id=

  • layui模块使用规范(附代码)

    前端

    预先加载开门见山,还是直接说使用比较妥当。Layui的模块加载采用核心的 layui.use(mods, callback)方法,当你的JS 需要用到Layui模块的时候,我们更推荐你采用预先加载,因为这样可以避免到处写layui.use的

  • layui中form表单学习(实例)

    前端

    一、layui简介:layui是一款采用自身模块规范编写的前端 UI 框架,开源的模块化前 端 UI 框架,区别于那些基于 MVVM 底层的 UI 框架。优点:原生开发模式、模块化、兼容性强layui可作为 PC网页端后台系统与前台界面的速

  • Layui日期控件使用(实例)

    前端

    一、layui简介:layui是一款采用自身模块规范编写的前端 UI 框架,开源的模块化前 端 UI 框架,区别于那些基于 MVVM 底层的 UI 框架。优点:原生开发模式、模块化、兼容性强layui可作为 PC网页端后台系统与前台界面的速

  • 使用layui渲染table数据表格(实例)

    前端

    table 模块是layui框架最核心的组成之一。它用于对表格进行一些列功能和动态化数据操作,涵盖了日常业务所涉及的几乎全部需求。支持固定表头、固定行、固定列左/列右,支持拖拽改变列宽度,支持排序,支持多级表头,支持单元格的自定义模板,支持